<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
</head>
<body>
   <div class="mui-content">
   <ul class="mui-table-view mui-grid-view mui-grid-9">
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="javascript:void(0)" id="Home">
			<span class="mui-icon mui-icon-home"></span>
			<div class="mui-media-body">Home</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="#">
			<span class="mui-icon mui-icon-sms"><span class="mui-badge">5</span></span>
			<div class="mui-media-body">Email</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="#">
			<span class="mui-icon mui-icon-calendar"></span>
			<div class="mui-media-body">Calendar</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="#">
			<span class="mui-icon mui-icon-chat"></span>
			<div class="mui-media-body">Chat</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="#">
			<span class="mui-icon mui-icon-category"></span>
			<div class="mui-media-body">Sort</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="#">
			<span class="mui-icon mui-icon-map"></span>
			<div class="mui-media-body">Map</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="javascript:void(0)" id="Search">
			<span class="mui-icon mui-icon-search"></span>
			<div class="mui-media-body">Search</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="#">
			<span class="mui-icon mui-icon-phone"></span>
			<div class="mui-media-body">Phone</div>
		</a>
	</li>
	<li class="mui-table-view-cell mui-media mui-col-xs-4">
		<a href="#">
			<span class="mui-icon mui-icon-cog"></span>
			<div class="mui-media-body">Setting</div>
		</a>
	</li>
</ul>
<div style="text-align:center;margin-top:5px;">
<img style="width:100%;" src="img/welcome.jpg"  />
</div>
</div>
   	<script src="js/mui.min.js"></script>
	<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		mui.init();
		mui.plusReady(function(){
			var first = null;
			mui.back = function(){
				if(!first){
					first = new Date().getTime();
					mui.toast("再按一次退出应用");
					setTimeout(function(){
						first = null;
					},1000);
					return false;
				} else {
					if (new Date().getTime() - first <1000) {
						plus.runtime.quit();
					}
				}
			}
		});
		mui('.mui-table-view').on('tap','a',function(){
			var id = this.getAttribute("id");
			mui.openWindow({
				id:"list",
				url:'welcome/show?title='+id,		
			});
		});
	</script>
</body>
</html>